$(function(){
  //使用表单校验插件
$('.login-form').bootstrapValidator({
  //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
  excluded: [':disabled', ':hidden', ':not(:visible)'], 

  //2. 指定校验时的图标显示，默认是bootstrap风格
  feedbackIcons: {
    valid: 'glyphicon glyphicon-ok',
    invalid: 'glyphicon glyphicon-remove',
    validating: 'glyphicon glyphicon-refresh'
  },
	
  //3. 指定校验字段
  fields: {
    //校验用户名，对应name表单的name属性
    username: {
      validators: {
        //不能为空
        notEmpty: {
          message: '用户名不能为空'
        },
        //长度校验
        stringLength: {
          min: 2,
          max: 6,
          message: '用户名长度必须在2到6之间'
        },

        callback:{
          message:'用户名错误'
        }
        
      }
    },

    password: {
      validators: {
        //不能为空
        notEmpty: {
          message: '用户名不能为空'
        },
        //长度校验
        stringLength: {
          min: 6,
          max: 12,
          message: '用户名长度必须在6到12之间'
        },
        //拓展一个错误
        callback:{
          message:'密码错误'
        }
        
      }
    },
  }
});


//2-重置表单校验样式
//点击登录按钮,调用插件的表单重置方法
$('.btn-reset').click(function(){
  //通过插件的实例,调用插件的方法
  $(".login-form").data('bootstrapValidator').resetForm();
})

  //3-用户登录
  //1-点击登录按钮,获取表单数据,在表单数据合理的情况下,向后台发送请求,进行登录校验!
  //2-接受后台登录结果
  //3-处理结果:
  // 登录成功: 去首页
  // 登录失败: 提示错误消息,重新登录

  // $('.btn-login').click(function(){
  //   if(数据合理){
  //     ajax发送数据到后台进行校验
  //   }
  // })

  //使用插件提供 success.form.bv 事件, 会在用户点击提交按钮,并且数据表单校验通过时触发!
 
    $('.login-form').on('success.form.bv',function(e){
      //阻止提交按钮的默认行为(页面刷新)
      e.preventDefault();
      console.log(1111111111111111111);
      //向后台发送请求,进行登录校验!
      $.ajax({
        type: 'post',
        url: '/employee/employeeLogin',
        data: $('.login-form').serialize(),
        dataType: 'json',
        success:function(res){
          //查看结果
          // console.log(res);
          if (res.success) {
            //成功 去首页 
            location.href = './index.html';
          }
  
          if (res.error == 1000) {
            //  把用户名的状态改为失败，提示错误信息
            $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
          }
          if (res.error == 1001) {
            //  把密码的状态改为失败，提示错误信息
            $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
          }
        }
      })
    })


})